<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>关于我们</title>
		<link href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
		 rel="stylesheet">
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">

	</head>
	<body>
		<section class="w3l-header">
			<header id="site-header" class="fixed-top">
				<div class="container">
					<nav class="navbar navbar-expand-lg navbar-dark stroke">
						<h1>
							<a class="navbar-brand" href="index.html">
								<span class="fa fa-braille"></span> 软件协会
							</a>
						</h1>
						<!-- if logo is image enable this   
		<a class="navbar-brand" href="#index.html">
		    <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
		</a> -->
						<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
						 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
							<span class="navbar-toggler-icon fa icon-close fa-times"></span>
							</span>
						</button>

						<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li class="nav-item active" class="dropdown">
									<a class="nav-link dropdown-toggle" data-toggle="dropdown">
										关于我们<span class="fa fa-caret-down"></span>
									</a>
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="announcement.html" class="h4" style="">公告大厅</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
										</li>
									</ul>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="services.html">课程</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="contact.html">联系我们</a>
								</li>
								<li class="nav-item">
									<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
								</li>
							</ul>
						</div>
						<!-- toggle switch for light and dark theme -->
						<div class="mobile-position">
							<nav class="navigation">
								<div class="theme-switch-wrapper">
									<label class="theme-switch" for="checkbox">
										<input type="checkbox" id="checkbox">
										<div class="mode-container py-1">
											<i class="gg-sun"></i>
											<i class="gg-moon"></i>
										</div>
									</label>
								</div>
							</nav>
						</div>
						<!-- //toggle switch for light and dark theme -->
					</nav>
				</div>
			</header>
			<!--/header-->
		</section>
		<div class="inner-banner">
		</div>
		<section class="w3l-breadcrumb">
			<div class="container">
				<ul class="breadcrumbs-custom-path">
					<li><a href="#url">首页</a></li>
					<li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span>课程中心</li>
				</ul>
			</div>
		</section>
		<!--/about-->
		<!--/w3l-ab-features-->
		<section class="w3l-ab-features py-5">
			<div class="container py-md-5 py-3">
				<div class="row features-w3pvt-main align-items-center" id="features">
					<div class="main">
						<div class="dy-content">
							<div class="dy-videos">
								<ul class="dy-video-list">
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"></div>
											<div class="dy-video-meta-dy">

											</div>
											<!-- <div class="dy-video-meta-bg"></div> -->
										</div>
										<div class="dy-video-poster">
											<div class="col-lg-3" style="float: left;"> 
												<a class="dy-video-link">
													<img class="dy-video-img" src="assets/images/cimg/1.jpg" alt="西虹市首富">
													<span class="dy-video-nocomplete"></span>
													<span class="dy-video-date"> 2018 年 </span>
													<span class="dy-video-bg"></span>
													<span class="s-pay"></span> 
												</a>
											</div> 
											<div class="col-lg-9" style="float: left;">
												<h4 class="dy-video-title"> <a> 西虹市首富 </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
													<li class="dy-video-actors"> <span class="dy-video-tip"> 主演: </span> <a>沈腾</a> <a>宋芸桦</a> </li>
													<li class="dy-video-types"> <span class="dy-video-tip">类型:</span> <span class="dy-video-meta-filter">喜剧</span>
													</li>
													<li class="dy-video-areas"> <span class="dy-split">|</span> <span class="dy-video-tip">地区:</span> <span
														 class="dy-video-meta-filter">内地</span> </li>
													<li class="dy-video-starts"> <span class="dy-split">|</span> <span class="dy-video-tip">年代:</span> <span
														 class="dy-video-meta-filter">2018</span> </li>
												</ul>
												<p class="dy-video-intro"> 《西虹市首富》的故事发生在《夏洛特烦恼》中的“特烦恼”之城“西虹市”。混迹于丙级业余足球队的守门员王多鱼（沈腾饰演... <a class="dy-video-intro-more">更多</a>
												</p>
												<div class="buttons mt-5">
													<a href="" class="btn btn-style btn-primary">立即播放</a>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>

				</div>
			</div>
		</section>

		<!--//w3l-footer-29-main-->
		<footer>
			<!-- footer -->
			<section class="w3l-footer">
				<div class="w3l-footer-16-main py-5">
					<div class="container pt-lg-4">
						<div class="row footer-border">
							<div class="col-lg-3 col-md-5 column pr-md-0">
								<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
								<ul class="mt-4 contact">
									<li>
										<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
									</li>
									<li>
										<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
									</li>
								</ul>
							</div>

							<div class="col-lg-3 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
								<h3>软件协会</h3>
								<ul class="footer-gd-16">
									<li><a href="index.html">首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="javascript: void(0);">Blog</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-4 col-sm-6 column mt-md-0 mt-5">
								<h3>相关链接</h3>
								<ul class="footer-gd-16">
									<li><a href="#url">湖南铁路科技职业技术学院</a></li>
									<li><a href="#url">Our Branches</a></li>
									<li><a href="#url">Latest Media</a></li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-5 column pl-md-5 mt-md-0 mt-5">
								<h3>友情链接</h3>
								<ul class="footer-gd-16">
									<li><a href="https://www.lanrenzhijia.com/">懒人之家</a></li>
									<li><a href="https://www.runoob.com/">菜鸟教程</a></li>
									<li><a href="https://www.csdn.net/">CSDN</a></li>
									<li><a href="http://www.cssmoban.com/cssthemes/html5moban/">模板之家</a></li>
								</ul>
							</div>
						</div>
						<div class="below-section pt-4 mt-4 text-center">
							<div class="columns-2">
								<ul class="social">
									<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
									</li>
									<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
									</li>
									<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
									</li>
									<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
									</li>
									<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
									</li>
								</ul>
							</div>
							<div class="columns mt-3">
								<p>
									&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者
									<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
								</p>
							</div>
						</div>
					</div>
				</div>

				<!-- move top -->
				<button onclick="topFunction()" id="movetop" title="Go to top">
					<span class="fa fa-angle-up"></span>
				</button>
				<script>
					// When the user scrolls down 20px from the top of the document, show the button
					window.onscroll = function() {
						scrollFunction()
					};

					function scrollFunction() {
						if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
							document.getElementById("movetop").style.display = "block";
						} else {
							document.getElementById("movetop").style.display = "none";
						}
					}

					// When the user clicks on the button, scroll to the top of the document
					function topFunction() {
						document.body.scrollTop = 0;
						document.documentElement.scrollTop = 0;
					}
				</script>
				<!-- //move top -->
				<script>
					$(function() {
						$('.navbar-toggler').click(function() {
							$('body').toggleClass('noscroll');
						})
					});
				</script>
			</section>
			<!-- //footer -->
		</footer>

		<!-- Template JavaScript -->
		<script src="assets/js/jquery-3.3.1.min.js"></script>

		<script src="assets/js/theme-change.js"></script>

		<!-- js for portfolio lightbox -->
		<!-- libhtbox -->
		<script src="assets/js/lightbox-plus-jquery.min.js"></script>
		<!-- libhtbox -->
		<script src="assets/js/owl.carousel.js"></script>
		<!-- script for testimonials -->
		<script>
			$(document).ready(function() {
				$('.owl-testimonial').owlCarousel({
					loop: true,
					margin: 0,
					nav: true,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							nav: false
						},
						480: {
							items: 1,
							nav: false
						},
						667: {
							items: 1,
							nav: true
						},
						1000: {
							items: 1,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- //script for testimonials -->
		<!-- stats number counter-->
		<script src="assets/js/jquery.waypoints.min.js"></script>
		<script src="assets/js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
		<!-- //stats number counter -->
		<!--/MENU-JS-->
		<script>
			$(window).on("scroll", function() {
				var scroll = $(window).scrollTop();

				if (scroll >= 80) {
					$("#site-header").addClass("nav-fixed");
				} else {
					$("#site-header").removeClass("nav-fixed");
				}
			});

			//Main navigation Active Class Add Remove
			$(".navbar-toggler").on("click", function() {
				$("header").toggleClass("active");
			});
			$(document).on("ready", function() {
				if ($(window).width() > 991) {
					$("header").removeClass("active");
				}
				$(window).on("resize", function() {
					if ($(window).width() > 991) {
						$("header").removeClass("active");
					}
				});
			});
		</script>
		<!--//MENU-JS-->

		<script src="assets/js/bootstrap.min.js"></script>

	</body>

</html>
